<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>慧票通</title>
	<!--/user/login.html-->
	<!-- 路径问题：
	./  =>当前路径
	../  =>上一级路径
	/  =>根路径
	-->
	<!--bootstrap-->
	<script src="../static/lib/bootstrap/jquery-3.3.1.slim.min.js"></script>
	<script src="../static/lib/bootstrap/popper.min.js"></script>
	<link rel="stylesheet" href="../static/lib/bootstrap/bootstrap.css">
	<script src="../static/lib/bootstrap/bootstrap.js"></script>
	
	<link rel="stylesheet" href="../static/css/com.css">
	<script src="../static/js/date_time.js"></script>
	
	<style>
	
	</style>

</head>

<body>

<div class="container-fluid px-0">
	<!--可以让内容靠右且倒叙排列-->
	<!--<div class="d-flex flex-row-reverse">
		<div class="p-2">abc</div>
		<div class="p-2">2</div>
		<div class="p-2">3</div>
	</div>-->
	
	
	<!--让文字靠右排列 且前边不能加内容-->
	<!--	<div class="d-flex justify-content-end">fhh</div>-->
	
	<div class="container-fluid text-white " style="background-color:#666666;">
		<div class="container">
			<div class="row">
				<span class="col-6 my-3  small" >客服热线:400-1314520 工作日:9.00-18.00</span>
				<span class="col-6 my-3 small text-right" >
			   现在时间: <span id="now"></span>
			</span>
			
			</div>
		</div>
	</div>
	<nav class="navbar navbar-expand-lg navbar-light bg-light" style="background-color:rgb(240, 241, 247);font-size: 20px; line-height: 50px">
		<div class="container">
			<div class="row w-100">
				<div class="col-2"><img src="../static/img/2019-03-21_161809.png" height="56" width="160"/></div>
				<div class="col-2"><img src="../static/img/2019-03-21_161821.png" height="52" width="190"/></div>
				<!--菜单-->
				<div class="col-6">
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbarNav">
						<ul class="navbar-nav " style="margin-left: auto;margin-right: auto;">
							<li class="nav-item active">
								<a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
							</li>
							<li class="nav-item active">
								<a class="nav-link" href="#">交易大厅 <span class="sr-only">(current)</span></a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#"></a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">帮助中心</a>
							</li>
							<li class="nav-item">
								<a class="nav-link disabled" href="#">用户中心</a>
							</li>
						</ul>
					</div>
				</div>
				
				<!--按钮-->
				<div class="col-2">
					<div class="btn-group" role="group" aria-label="Basic example">
						<button type="button" class="btn btn-warning ">登录</button>
						<button type="button" class="btn btn-secondary ">注册</button>
					</div>
				</div>
			</div>
		</div>
	</nav>
	
	
	<!--背景图-->
	<div class="row">
		<div class="col" style="background-image: url('../static/img/cat.jpg'); height: 900px;">
			<div class="row pt-5">
				<div class="col-12 col-sm-10 col-md-5 col-lg-3 col-xl-3 offset-sm-1 offset-md-5 offset-lg-6 offset-xl-7 mt-5">
					<!--登录框-->
					<div class="card" style="background-color: rgba(233,233,233,0.8)">
						<div class="card-body">
							<h5 class="card-title">会员登录</h5>
							<form>
								<div class="form-group">
									<label for="exampleInputEmail1"></label>
									<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="请输入用户名或手机号">
									<small id="emailHelp" class="form-text text-muted"></small>
								</div>
								<div class="form-group">
									<label for="exampleInputPassword1"></label>
									<input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入密码">
								</div>
								<div class="form-group">
									<!--复选框-->
									<div class="custom-control custom-checkbox d-inline-block mr-5">
										<input type="checkbox" class="custom-control-input" id="customCheck1">
										<label class="custom-control-label" for="customCheck1">记住账号</label>
									</div>
									
									<a href="#" class="card-link ml-5 font-color">忘记密码</a>
								</div>
								<div class="form-group">
									<!--<button type="button" class="btn btn-primary btn-sm">登录</button>-->
									<button type="button" class="btn btn-primary btn-block" data-toggle="button" aria-pressed="false" autocomplete="off">
										登录
									</button>
									<a href="#" class="card-link d-block mt-2 text-center font-color">还没有账号?免费创建账户</a>
								</div>
							</form>
						
						</div>
					
					</div>
				</div>
			</div>
		</div>
	</div>

</div>
<!--首页底部栏-->

<div class="container-fluid bg-dark text-white ">
	<div class="container">
		
		<div class="row pt-4">
			<div class="col">
				<div class="row">
					<div class="col">
						<h5>网站首页</h5>
						<p>公司简介</p>
						<p>联系我们</p>
					</div>
					<div class="col">
						<h5>新闻中心</h5>
						<p>公司动态</p>
						<p>行业新闻</p>
					</div>
					<div class="col">
						<h5>帮助我们</h5>
						<p>登录</p>
						<p>注册</p>
					</div>
				</div>
			</div>
			<div class="col   border-left border-right pt-5"><h3 class="text-center">客服热线：400-520-1314 </h3>
				<p class="text-center">工作日9.00-18.00</p></div>
			<div class="col">
				<p class="text-center"><img src="../static/img/2019-03-21_161834.png" height="117" width="118"/></p>
				<p class="text-center">扫一扫有惊喜</p>
			</div>
		</div>
		
		<div>
		<span style="margin-right: auto;margin-left: auto;"><p class="text-center">copyright @2019 All Right Reserved. </p>
			<p class="text-center">晋ICP备19001020号-1 安徽票据网 版权所有</p>
		</span>
		</div>
	
	</div>
</div>

</body>
<script>
    document.getElementById("now").innerHTML = now();
    setInterval(function () {
        document.getElementById("now").innerHTML = now();
    }, 1000);

</script>
</html>